<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/tabs.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css"href="../../assets/css/styles/components-css/step.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/form.css" />
    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
    <!--日历控件样式-->
    <!--表单验证样式--->
    <link rel="stylesheet" type="text/css" href="../../assets/lib/formValidator/style/validator.css"/>
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />

</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>壹家客栈 > 黑名单管理</h2>

                </div>


                <form id="frmMain">
                <!--安列表-->
                    <div class="t-list-search t-columns-4">
                        <ul class="t-columns-group">
                            <li>
                                <label>关键字</label>
                                <div><input id="keyword" type="text" value="" name="userName" placeholder="请输入姓名"/></div>
                            </li>
                            <li>
                                <label>状态</label>
                                <div>
                                    <select type="text" id="cmbRoleId" class="roleList" name="status">
                                        <option value="" selected>--请选择--</option>
                                        <option value="0">未解除</option>
                                        <option value="1">已解除</option>
                                    </select>
                                </div>
                            </li>
                            <li class="timegroup">
                                <label>起止日期</label>
                                <div>
                                    <div>
                                        <input class="form_date_start bg-date" value="" placeholder="开始时间" readonly id="startApplyTime" name="startDate"/>
                                    </div>
                                    <span>~</span>
                                    <div>
                                        <input class="form_date_end bg-date" value="" placeholder="结束时间" readonly id="endApplyTime" name="endDate"/>
                                    </div>
                                </div>
                            </li>
                            <!-- 时间组 -->
                            <li>
                                <div>
                                    <a class="t-btn" id="btnSearchComplaint">
                                        <i class="icon-search"></i>
                                        查询
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </form>
                <div class="t-list-btns">
                    <p>黑名单人员记录</p>
                    <span id="blackUserTabTotal"></span>
                    <div>
                        <!--<a class="t-btn t-btn-blue" id="btnComplaintNew" >新增</a>-->
                    </div>
                </div>

                <div class="t-list-result clearfix">
                    <!-- 表格 -->
                    <table class="t-table" id="blackUserTab"></table>
                    <!-- 分页 -->
                    <div class="pagination" id="blackUserTabPagination"></div>
                </div>

            </div>

        </div>
    </div>
</div>
    <!--版权-->
<div id="copyright"></div>
            <!--提示模态框-->
            <div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
                <div class="modal-dialog modal-sm" role="document">
                    <div class="modal-content">
                        <div class="modal-body" style="text-align:center;font-size:14px;">
                            <i id="icon-tip" style="margin-right:6px;"></i>
                            <span class="tip-info"></span>
                        </div>
                    </div>
                </div>
            </div>
            <!--jQuery库脚本-->
            <!--非IE8浏览器-->
            <!--[if !(IE 8)]><!--><script type="text/javascript" src="../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
            <!--IE8浏览器-->
            <!--[if IE 8]><script type="text/javascript" src="../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
            <script type="text/javascript" src="../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

            <script src="../../assets/common/loadHeaderAndCopyright.js"></script>
            <script src="../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
            <!--bootsrtap日历控件脚本-->
            <script src="../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
            <script src="../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
            <script src="../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>
            <!--表单验证-->
            <script src="../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
            <!--表格部分-->
            <script src="../../assets/common/loaderTable.js"></script>
            <script src="../../assets/common/ajaxPoster.js"></script>
            <script src="../../assets/common/centerModal.js"></script>
            <script src="../../assets/lib/tipModal/js/tipModal.js"></script>
            <!-- 我的审批 -->
            <!--启用模态框脚本-->
            <script src="../../js/message/blackUser.js"></script>
</body>
</html>